/**
 * 路由模式的区别
 *
 *    1. url地址表现不同
 *      hash有 # 号，history 没有
 *
 *    2. 内部实现原理的不同
 *      hash: 监听 hashChange 事件
 *      history: 使用 HTML5 中 history 对象新增的一些API
 *            pushState
 *            replaceState
 *            onpopstate 事件
 *    3. 上线之后要不要额外配置的区别
 *      hash: 兼容性好，无需额外配置
 *      history：
 *            需要在服务器做一些额外的配置，否则会出现刷新页面404的问题
 *            配置如何配置：
 *                https://router.vuejs.org/zh/guide/essentials/history-mode.html#nginx
 *
 *                以 nginx 为列，增加一个 try_file 的配置项即可。
 *
 *
 *
 *
 * 本地上线：
 *    在本地安装一个 nginx，作为线上服务
 *
 *    1. 下载安装 nginx
 *        https://nginx.org/en/download.html      Stable version
 *
 *    2. 找个位置解压即可
 *
 *    3. 启动 nginx
 *      在 nginx.exe 文件的位置，打开终端，运行 nginx.exe 命令即可
 *
 *    4. 访问 nginx 服务
 *      监听的端口号，是 80
 *      http://localhost
 *      http://127.0.0.1
 *
 *    5. nginx 访问的资源在，html 文件夹下
 *
 *    6. 修改 nginx 配置之后，需要重新启动
 *      在 nginx.exe 文件的位置，打开终端，运行 nginx.exe -s reload 即可
 *
 *    ----
 *
 *    Vue 项目，
 *      1. npm run build  生成构建产物 dist
 *      2. 将构建产物 dist 下的所有内容，复制到 nginx 下的 html 中即可。
 *      3. 刷新页面
 */

import { createApp } from "vue";
import router from "./router";

import App from "./App.vue";

const app = createApp(App);
// 注册路由器
app.use(router);

app.mount("#app");
